import { StyleSheet } from 'react-native';
import { APP_BLACK } from '../../../../constant/color';
import { phonePx } from '../../../../util/adapt';

export default StyleSheet.create({
  container: {
    flex: 1
  },
  coinAmount: {
    color: APP_BLACK,
    fontSize: phonePx(14),
    fontWeight: '500',
    marginTop: phonePx(18),
    alignSelf: 'flex-start',
    marginLeft: phonePx(20)
  },
  loadCard: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'center',
    flexWrap: 'wrap',
    marginTop: phonePx(12)
  },
  empty: {
    width: phonePx(100),
    height: phonePx(72),
    marginTop: phonePx(12)
  },
  buyBtn: {
    justifyContent: 'center',
    alignItems: 'center',
    width: phonePx(270),
    height: phonePx(50),
    borderRadius: phonePx(8),
    marginTop: phonePx(12),
    backgroundColor: '#FC6C50'
  },
  linear: {
    width: phonePx(180),
    height: phonePx(50),
    justifyContent: 'center',
    alignItems: 'center',
    borderRadius: phonePx(25)
  },
  buyText: {
    fontSize: phonePx(16),
    color: '#ffffff',
    fontWeight: '600'
  },
  loadDesc: {
    marginHorizontal: phonePx(20),
    marginBottom: phonePx(12)
  },
  desc: {
    marginVertical: phonePx(40),
    marginHorizontal: phonePx(20),
    fontSize: phonePx(12),
    color: '#8F95A2',
    lineHeight: phonePx(22)
  }
});
